<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style lang="scss">
body{
  background-color: #393e48;
}
#app {
  font-family: Microsoft YaHei;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
a,a:hover,a:active{
  text-decoration: none !important;
}
.el-text-danger{
  color: #F56C6C
}
.el-text-success{
  color: #67C23A;
}
.el-text-green{
  color: #12a799;
}
.el-text-blue{
  color: #409EFF;
}
.el-text-yellow{
  color: #c5bf66;
}
.el-text-darkgrey{
  color: darkgrey;
}
.page-title{
  border-bottom: 1px solid rgb(238, 238, 238);
  margin-bottom: 20px;
  height: 64px;
}
.page-title div h1{
  color: #697882;font-size: 22px;
}
.page-title div a{
  color: #acbac6;font-size: 26px;float:right;padding: 13px 0px;
}
.page-title div a i{
  font-weight:600
}
.table-bottom-margin{
  margin-bottom: 15px;
}
.hr{
  border-bottom:1px solid rgb(238, 238, 238);
  border-bottom-width: 100%;
  margin-bottom:20px;
}
.el-table .cell i.el-tooltip,.el-table .cell button.el-tooltip{
  margin-right: 10px;
}
.opacity .el-input__inner{
  border-radius: 0px;
  border: none;
  border-bottom: 2px solid #fff;
  background: none;
}
.opacity .el-input__inner,.opacity i{
  color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
input[type="file"]{
    display: none;
}
</style>
